import React, { Component } from 'react';

import { Container, Accordion } from 'amazeui-touch';
import { Link } from 'react-router';

export default class Footer extends Component {

    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div id='footer'>
                <Container {...this.props}>
                    <Accordion defaultActiveKey={0} style={{margin: '0'}}>
                        {
                            this.props.accordions.map((acc, ind) => {
                                return (
                                    <Accordion.Item title={acc.title} key={ind}>
                                        <Link to={acc.url}>{acc.desc}</Link>
                                    </Accordion.Item>
                                )
                            })
                        }
                    </Accordion>
                    <div className="company-phone">
                      官方热线: <span>0571 - 87251615</span>
                    </div>
                    <div className='copyright'>
                      版权所有©2006 - 2012 迪联软件 <br/>
                      浙ICP备10025867号-1 V1.0.1
                    </div>
                </Container>
            </div>
        )
    }
};

Footer.defaultProps = {
    accordions: [{
        title: '关于我们',
        desc: '公司介绍',
        url: 'home'
    },{
        title: '产品详情',
        desc: '收益管理系统',
        url: 'products'
    },{
        title: '增值服务',
        desc: '组长生咨询服务',
        url: ''
    }]
};
